
<div style="margin-top:10%"></div>
<div *ngFor="let cred of creds;let i=index">
    <div class="example-card" id="event{{i}}">

        <div>
            <button class="delete btn btn-default" (click)="delete(cred.id,i)">删除</button>
            <div class="titleSize">{{cred.name}}</div>
            <div class="subtitleSize">{{cred.singer}}</div>
            <div>{{cred.id}},{{i}}</div>
        </div>
        <img src="{{cred.blurPicUrl}}" width="100%">

        <audio class="audio" controls="controls" type="audio/mp3" src="{{cred.mp3url}}"></audio>
    </div>

</div>
<nz-affix (click)="toAdd()" [nzOffsetTop]="60" style="position:absolute;top:25%;right:6%;z-index:33333">
    <button nz-button [nzType]="'primary'" [nzSize]="'large'">
        <i class="fa fa-plus fa-x" aria-hidden="true"></i>
        添加新歌
    </button>
</nz-affix>